<!DOCTYPE HTML>

<html lang="es" class="no-js">
  <head>
     <meta charset="UTF-8">
     <title>Iniciar Sesión</title>
     <link rel="StyleSheet" href="Css/estilo1.css">
     <link rel="StyleSheet" href="Css/estilo2.css">
     <link rel="StyleSheet" href="Css/normalize.css">

 </head>

<body class="degradado">

<div id="contenedor">

  
   
 
<!-- class=div class="animacion" id="animacion">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="1356" height="596" id="FlashID" title="Sagcun">
    <param name="movie" value="imagenes/conejomoviLo.swf">
    <param name="quality" value="high">
    <param name="wmode" value="opaque">
    <param name="swfversion" value="8.0.35.0">
    <! Esta etiqueta param indica a los usuarios de Flash Player 6.0 r65 o posterior que descarguen la versión más reciente de Flash Player. Elimínela si no desea que los usuarios vean el mensaje. -->
    <!--param name="expressinstall" value="Scripts/expressInstall.swf">
    < La siguiente etiqueta object es para navegadores distintos de IE. Ocúltela a IE mediante IECC. -->
    <!--[if !IE]>-->
    <!--object type="application/x-shockwave-flash" data="imagenes/conejomoviLo.swf" width="1356" height="596">
      <<![endif]-->
    <!--param name="quality" value="high">
    <param name="wmode" value="opaque">
    <param name="swfversion" value="8.0.35.0">
    <param name="expressinstall" value="Scripts/expressInstall.swf">
    <El navegador muestra el siguiente contenido alternativo para usuarios con Flash Player 6.0 o versiones anteriores. -->
    <!--div>
       <h4>El contenido de esta página requiere una versión más reciente de Adobe Flash Player.</h4>
       <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obtener Adobe Flash Player" width="112" height="33" /></a></p>
    </div>
      <[if !IE]>-->
    <!--/object>
    <<![endif]-->
    <!--/object>
    <script type="text/javascript">swfobject.registerObject("FlashID2");swfobject.registerObject("FlashID");swfobject.registerObject("FlashID");</script>
</div>
<script type="text/javascript"> swfobject.registerObject("FlashID");
</script-->
</div>

<form action="PHP/validar.php" name="forma" method="post">
 <div class="bienvenido">
  <h1>Bienvenido</h1>
  <h2>Sistema de Administración de Granjas Cunicolas</h2>
  <embed src="./imagenes/conejomoviLo.swf" class="animacion" id="animacion">
  <div class="logo"></div>

 </div>
  <div class="table"> 
   <table>
    <tr>
      <td>Usuario:</td>
      <td><input type="text" name="usuario"></td>
    </tr>
   <tr>
    <td>Contraseña:</td>
    <td><input type="password" name="contrasena" ></td>
  </tr>
  <tr>
    <td>Rol:</td>
      <td>
        	<select name="rol">
            	  <option value="Administrador" selected="selected">Administrador</option>
                <option value="Instructor">Instructor</option>
                <option value="Aprendiz">Aprendiz</option>
          </select>
    </td>
    </tr>
    <tr>
      <td colspan="2" align="center">
      <input type="submit" value="Iniciar Sesión" name="aceptar" class="botonVerde" /></td>
      <tr><td colspan="2" align="center"><a href="paginas/RecordarContrasena.php">Recordar Contraseña</a></td>
    </tr>
   
     
   
</table>
</div>
</form>
</div>
<div class="piePag">
  <footer>
    <table width="1307" height="45">
      <tr>
        <td width="208"><div class="pie"></div></td>
        <td width="1024" height="27" align="center">CustomSystem|Sena-Clem|© copyright 2013</td>
        <td width="59"><div class="pieCu"></div></td>
      </tr>
    </table>
  </footer>
</div>
</body>
<script src="Scripts/modernizr.js"></script>
      <script src="Scripts/prefixfree.min.js"></script>
     <script src="Scripts/swfobject_modified.js"></script>
</html>